.vh-100 {
	height: 100vh;
}

.f-s-18 {
	font-size: 18rpx;
}

.f-s-20 {
	font-size: 20rpx;
}

.f-s-22 {
	font-size: 22rpx;
}

.f-s-24 {
	font-size: 24rpx;
}

.f-s-28 {
	font-size: 28rpx;
}

.c-666 {
	color: #666;
}

.c-999 {
	color: #999;
}

.c-333 {
	color: #333;
}

.c-fff {
	color: #fff;
}

.bold {
	font-weight: 700;
}

.no-read {
	background-color: #FF451C;
	border-radius: 50%;
	color: #fff;
	width: 30rpx;
	height: 30rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22rpx;
}

.t-align-r {
	text-align: right;
}

.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.vertical-text {
	/*  writing-mode 现代浏览器中广泛支持，包括 Chrome、Firefox、Safari 和 Edge。 */
	writing-mode: vertical-lr;
	/*兼容其他旧版本的浏览器 */
	-webkit-writing-mode: vertical-lr;
}

.multiline-ellipsis-1 {
	display: -webkit-box;
	/* 将对象作为弹性伸缩盒子模型显示 */
	-webkit-line-clamp: 1;
	/* 行数，值可以改，表示展示X行后多余的缩略展示 */
	-webkit-box-orient: vertical;
	/* 设置或检索伸缩盒对象的子元素的排列方式 */
	word-break: break-all;
	overflow: hidden;
}

.multiline-ellipsis {
	display: -webkit-box;
	/* 将对象作为弹性伸缩盒子模型显示 */
	-webkit-line-clamp: 2;
	/* 行数，值可以改，表示展示X行后多余的缩略展示 */
	-webkit-box-orient: vertical;
	/* 设置或检索伸缩盒对象的子元素的排列方式 */
	word-break: break-all;
	overflow: hidden;
}

.multiline-ellipsis-3 {
	display: -webkit-box;
	/* 将对象作为弹性伸缩盒子模型显示 */
	-webkit-line-clamp: 3;
	/* 行数，值可以改，表示展示X行后多余的缩略展示 */
	-webkit-box-orient: vertical;
	/* 设置或检索伸缩盒对象的子元素的排列方式 */
	word-break: break-all;
	overflow: hidden;
}

.forced-line-break {
	word-break: break-all;
	/* 按字符截断换行 支持IE和chrome，FF不支持*/
	word-wrap: break-word;
	/* 按英文单词整体截断换行   以上三个浏览器均支持 */

}